<template>
    <el-container>
        <el-header class='el-header'> 
            <div style="font-size:24px;color:#333333;text-align:left;margin-left:50px;margin-top:35px;">
                非结构化文件构建知识图谱
            </div>
            <div style="font-size:12px;color:#333333;text-align:left;margin-left:50px;margin-top:4px;">
                用户输入非结构化数据 实现自定义知识图谱
            </div>
        </el-header>

        <el-main class="main">
            <div style="display:flex;margin-top:60px;margin-left:90px;margin-right:90px;">
                <el-card class="box-card">
                    <i class="el-icon-chat-line-round" style="font-size:80px;color:#555555;margin-top:30px;"></i>
                    <div style="font-size:20px;color:#555555;margin-top:10px;"> 
                        问诊对话
                    </div>

                    <div style="font-size:10px;color:#555555;margin-top:10px;"> 
                        输入对话式数据<br>文件构建知识图谱
                    </div>
                    <el-button type="info" round style="margin-top:20px;" @click="goTo1()">开始</el-button>
                </el-card>

                <el-card class="box-card">
                    <i class="el-icon-more-outline" style="font-size:80px;color:#555555;margin-top:30px;"></i>
                    <div style="font-size:20px;color:#555555;margin-top:10px;"> 
                        更多
                    </div>

                    <div style="font-size:10px;color:#555555;margin-top:10px;"> 
                        haiyougengduo<br>houxugengxin
                    </div>
                    <el-button type="info" round style="margin-top:20px;">开始</el-button>
                </el-card>
            </div>
        </el-main>
    </el-container>
</template>

<script>
import axios from 'axios'
import icon_url from '@/assets/icon-2.png'
export default {
    name:"upload",
    data() {
        return {
            name: "上传文件",
            checkStatus: "",
            activeTab: 'first',
            iconPath:icon_url,
        }
    },
    methods: {
        goTo1(){
            this.$router.push({ path:'/dialogue-select' })
        },
        goTo2(){
            this.$router.push({ path:'/recordDialogue' })
        },
    },
}
</script>
<style scoped>
    .el-aside{
        background-color: #2b3a49;
    }
    
    .main{
        background-color: #f3f3f4;
        margin-top:80px;
    }
    .main-container{
        position:absolute;
        height:100%;
        width:100%;
    }
    .card-box{
        margin-top:100px;
    }
    .tab-title{
        color:#fff;
    }
    .box-card{
        width:300px;
        height:320px;
        margin:auto;
    }

</style>